<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>联系我们</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .contactUs_5_title {
         text-align: center;
      }

      .contactUs_5_title h2{
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .contactUs_5_title p{
         color: var(--c_subtitle);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .contactUs_5_content {
         padding: 60px 0 0 0;
         display: flex;
         justify-content: space-between;
      }

      .contactUs_5_content_left {
         padding-top: 80px;
      }

      .contactUs_5_content_left_title p:nth-child(1){
         color: var(--c_theme);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .contactUs_5_content_left_title p:nth-child(2){
         padding-top: 10px;
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .contactUs_5_content_left_text {
         padding-top: 50px;
         color: var(--c_subtitle);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .contactUs_5_content_left_text p{
         padding: 5px 0 0 0;
      }

      .contactUs_5_content_right_img {
         height: 380px;
      }

      .contactUs_5_content_right_img img{
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      @media(max-width:768px){
         .contactUs_5_content {
            display: initial;
         }

         .contactUs_5_content_left {
            padding-top: 40px;
         }

         .contactUs_5_content_left_text {
            padding-top: 20px;
            margin-bottom: 16px;
         }
      }

      @media(max-width:575px){
         .contactUs_5_content_right_img {
            height: 280px;
         }
      }

      @media(max-width:450px){
         .contactUs_5_content_right_img {
            height: 230px;
         }
      }
   </style>
</head>

<body>
   <div class="contactUs_5 modular">
      <div class="public_width">
         <div class="contactUs_5_title">
            <h2>CONTACT US</h2>
            <p>联系我们</p>
         </div>

         <div class="contactUs_5_content">
            <div class="contactUs_5_content_left">
               <div class="contactUs_5_content_left_title">
                  <p>TAMPLATE文化传媒有限公司</p>
                  <p>团队拥有资深的导演、策划、拍摄和制作团队，专注为客户创造设计品牌传播价值</p>
               </div>
               <div class="contactUs_5_content_left_text">
                  <p>联系QQ：258506508</p>
                  <p>联系电话：020-000000</p>
                  <p>联系地址：XXX省XXX市XXX县XXX路</p>
               </div>
            </div>

            <div class="contactUs_5_content_right">
               <div class="contactUs_5_content_right_img">
                  <img src="../images/img_collection_5_2.png" alt="">
               </div>
            </div>
         </div>
      </div>
   </div>
</body>

</html>